import LogoutButton from "@frontend/components/auth/logout-button"
import Header from "@frontend/components/layout/header"
import Menu from "@frontend/components/navigation/menu"
import { t_myProfileTitle } from "@shared/i18n/messages/t-my-profile"
import { type LocaleType } from "@shared/i18n/t"

export default async function MyProfilePage({
  params,
}: {
  params: Promise<{ locale: LocaleType }>
}) {
  const { locale } = await params

  return (
    <>
      <Header>
        <h1 className="flex h-full items-center text-sm font-medium uppercase text-secondary">
          {t_myProfileTitle(locale)}
        </h1>
        <Menu />
      </Header>
      <main className="flex h-full w-full justify-center header-based-pt">
        <div>
          <LogoutButton className="mt-10" />
        </div>
      </main>
    </>
  )
}
